<template>
	<view class="warp">
		<image class="img_wrap" src="../../../static/uview/findjob/commit_finish.png" mode=""></image>
		<text class="text_black">投递成功</text>
		<text class="text_gray">投递结果请在“我的应聘”中查看</text>
		<view style="width: 88%;margin-top: 240rpx;display: flex;">
			<view class="bg_white" @click="lookDetail">
				<text class="text">查看投递结果</text>
			</view>
			<view class="bg_blue" @click="continueSend">
				<text class="text">继续投递</text>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			lookDetail(e) {
				console.log(e);
			},
			continueSend(e) {
				console.log(e);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.warp {
		width: 100%;
		align-items: center;
		display: flex;
		flex-direction: column;
	}

	.img_wrap {
		width: 200rpx;
		height: 124rpx;
		margin-top: 144rpx
	}

	.text_black {
		color: #333333;
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		margin-top: 48rpx;
	}

	.text_gray {
		color: #87898c;
		font-size: 30rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		margin-top: 36rpx;
	}

	.bg_white {
		width: 154px;
		height: 45px;
		background: #FFFFFF;
		border-radius: 6px;
		border: 1px solid #54B4F5;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 10rpx;

		.text {
			font-size: 32rpx;
			color: #54b4f5;
		}
	}

	.bg_blue {
		width: 154px;
		height: 45px;
		background: linear-gradient(270deg, #1698F9 0%, #4CC5FC 100%);
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 10rpx;

		.text {
			font-size: 32rpx;
			color: #FFFFFF;
		}
	}
</style>
